$layout-height: 60px;
$border-color: #f0f0f0;
$text-primary-color: #2f2f2f;

$space-lg: 24px;
$space-default: 16px;
$space-sm: 12px;

/** 阴影 */
$shadow-lv1:
  0 1px 1px 0 rgba(0, 0, 0, 0.015),
  0 2px 2px 0 rgba(0, 0, 0, 0.015),
  0 4px 4px 0 rgba(0, 0, 0, 0.015);
$shadow-lv2:
  0 1px 1px 0 rgba(0, 0, 0, 0.015),
  0 2px 2px 0 rgba(0, 0, 0, 0.015),
  0 4px 4px 0 rgba(0, 0, 0, 0.015),
  0 8px 8px 0 rgba(0, 0, 0, 0.015);
$shadow-lv3:
  0 1px 1px 0 rgba(0, 0, 0, 0.015),
  0 2px 2px 0 rgba(0, 0, 0, 0.015),
  0 4px 4px 0 rgba(0, 0, 0, 0.015),
  0 8px 8px 0 rgba(0, 0, 0, 0.015),
  0 16px 16px 0 rgba(0, 0, 0, 0.015);

/** 字体大小 */
$fs-xl: 18px;
$fs-lg: 16px;
$fs-defalut: 14px;
$fs-sm: 12px;
$fs-xs: 10px;

$radius-lg: 12px;
$radius-default: 8px;
$radius-sm: 4px;

* {
  font-family: 'PingFangSC';
}

h1 {
  font-size: 48px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 24px;
}
h5 {
  font-size: 20px;
}
h6 {
  font-size: 16px;
}

.text-center {
  text-align: center;
}

/** flex布局 */
.flex {
  display: flex;
}
.flex1 {
  flex: 1;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.align-center {
  display: flex;
  align-items: center;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-h-center {
  display: flex;
  align-items: center;
}

.pointer {
  cursor: pointer;
}

.pd-8 {
  padding: 8px;
}
.pd-12 {
  padding: 12px;
}
.pd-16 {
  padding: 16px;
}

.mr-8 {
  margin-right: 8px;
}
.mr-12 {
  margin-right: 12px;
}
.mr-16 {
  margin-right: 16px;
}

.mb-8 {
  margin-bottom: 8px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-16 {
  margin-bottom: 16px;
}

.ml-8 {
  margin-left: 8px;
}
.ml-12 {
  margin-left: 12px;
}
.ml-16 {
  margin-left: 16px;
}

.mt-8 {
  margin-top: 8px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-16 {
  margin-top: 16px;
}

.w100 {
  width: 100%;
}
.h100 {
  height: 100%;
}

.bg-fff {
  background-color: #fff;
}

.box {
  box-shadow: $shadow-lv3;
  border-radius: $radius-default;
  padding: $space-lg;
  box-sizing: border-box;
  background-color: #fff;
}
